/*次要部分*/
*{
  margin:0;
  padding:0;
}
ul,li{
list-style-type:none;
}
a{
text-decoration:none;
padding:0px 30px;
color:black;
}
/*主体部分*/
body{
height:100%;
width:100%;
background:#ECECE4;
}
/*顶部*/
#top{
width:100%;
height:50px;
background:white;
opacity:0.8;
position:absolute;
top:0px;
box-shadow:0px 5px 12px #888;
background-color: #85FFBD;
background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
}
#top .title{
/*倾斜*/
font-style:oblique;
/*粗体*/
font-weight:bolder;
font-size:20px;
/*"times"、"courier"、"arial"*/
font-family:courier;
line-height:50px;
float:left;
padding:0px 30px;
}
/*右侧导航栏*/
#top .whole{
color:black;
padding-top:60px;
float:right;
position:relative;
top:-50px;
}
/*li-1*/
.whole .father{
display:inline-block;
padding:5px 10px;
position:relative;
/*粗体*/
font-weight:bolder;
font-size:16px;
/*"times"、"courier"、"arial"*/
font-family:courier;
}
/*ul*/
.whole .son{
display:none;
position:absolute;
background:white;
top:30px;
left:10px;
padding:1px 0px;
}
/*li-2*/
.son li{
padding:10px 15px;
}
/*下拉-1*/
.father:hover .son{
display:block;
}
/*下拉-2*/
.son li:hover{
background:grey;
color:white;
}
/*中间*/
.flex_container{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
}
.box1{
width:1120px;
height:160px;
border:0px solid #000000;
background:#ffffff;
border-radius:10px;
margin:180px 30px 60px;
box-shadow:0px 5px 12px #888;
}
#message{
line-height:25px;
font-size:15px;
margin-left:170px;
margin-top:-70px;
}
.box2{
width:300px;
height:600px;
border:0px solid #000000;
background:#ffffff;
border-radius:10px;
margin:30px -2px;
box-shadow:0px 5px 12px #888;
}
.box3{
width:780px;
height:500px;
border:0px solid #000000;
background:#FFFACD;
font-family:微软雅黑;
font-size:16px;
border-radius:10px;
opacity: 0.95;
margin:74px 0px;
position:relative;
left:170px;
box-shadow:0px 5px 12px #888;
}
#bottom{
width:1470px;
height:100px;
}
audio{
width:790px;
position:relative;
top:-670px;
left:510px;
}